<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="utf-8" />  
    <title>ECharts-基本线性图及其配置要求</title>  
    <!-- ECharts单文件引入 -->
<script src="js/echarts.js"></script> 
</head>  
<body>  
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
        <div id="box" style="height:400px;width: 800px;padding: 20px"></div>
    </div>  
    <script>
    // 获取到这个DOM节点，然后初始化

    var myChart = echarts.init(document.getElementById("box"));
    // app.title = '环形图';

var option = {
    title: {
        text: '全市近5月违规',
        left: 'center',
        top: 20,
        textStyle: {
            color: '#ccc'
        }
    },
    xAxis: {
        type: 'category',
        data : ['1月', '2月', '3月', '4月', '5月'],
        axisLabel: {
            // margin: 10,
            textStyle: {
                fontSize: 34,
                color:'#F00'
            }
        }
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [10,6,12,4,6],
        type: 'line',
        smooth: true
    }]
};


               
myChart.setOption(option);
</script>
</body>  
</html>  
